﻿<div class="panel-body">

    <img id="waiting" src="../Media/waiting.gif" ng-show="variablegif.modo == 'wait'" style="position:absolute;z-index:100;top:30%;right:50%;" />

    <form class="form-horizontal">
        <fieldset>
            <legend>Detalle Ejecución</legend>

            <div class="form-group">
                <label for="inputId" class="col-lg-2 control-label">ID</label>
                <div class="col-lg-10">
                    <input type="text" class="form-control" id="inputId" ng-model="ejecucion.ID" disabled>
                </div>
            </div>
            <div class="form-group">
                <label for="inputEndpointId" class="col-lg-2 control-label">ID EndPoint</label>
                <div class="col-lg-10">
                    <input type="text" class="form-control" id="inputId" ng-model="ejecucion.EndpointID" disabled>
                </div>
            </div>
            <div class="form-group">
                <label for="inputFecha" class="col-lg-2 control-label">Fecha Ejecución</label>
                <div class="col-lg-10">
                    <input type="text" class="form-control" id="inputFecha" ng-model="ejecucion.FechaEjecucion" disabled>
                </div>
            </div>
            <div class="form-group">
                <label for="inputTamano" class="col-lg-2 control-label">Tamaño (bytes)</label>
                <div class="col-lg-10">
                    <input type="text" class="form-control" id="inputTamano" ng-model="ejecucion.Tamano" disabled>
                </div>
            </div>
            <div class="form-group">
                <label for="inputRutaDescarga" class="col-lg-2 control-label">Ruta Descarga</label>
                <div class="col-lg-10">
                    <input type="text" class="form-control" id="inputRutaDescarga" ng-model="ejecucion.RutaDescarga" disabled>
                </div>
            </div>

            <div class="form-group" style="float:right;margin-top:2%;margin-right:3%;margin-bottom:3%;">
                <a href="#/detalle/{{ejecucion.EndpointID}}"><input type="button" class="btn btn-danger" value="Volver" /></a>
            </div>
        </fieldset>
    </form>

    <div>
        <fieldset>
            <legend>Variables</legend>
        </fieldset>

        <table class="table table-striped table-hover" style="margin-top:20px;">
            <thead>
                <tr>
                    <td><a href="" ng-click="sortField = 'Nombre'; reverse = !reverse">Variable</a></td>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="variable in variables | filter:query | orderBy:sortField:reverse">
                    <th scope="row">{{Variable.Nombre}}</th>
                </tr>
            </tbody>
        </table>
    </div>
</div>